﻿@page
@model _17bang.Pages.Shared.SingleModel
@{
    ViewData["Title"] = "我有一个梦想：助力职业自由";
    Layout = "Layout/_Dual";
    int CurrentId = Convert.ToInt32(Request.Query["id"]);
}
<hr />
<div class="container" style="padding-top:100px">
    <div class="row">
        <div class="col-8">
            <img src="/images/源栈上课啦.jpg" class="img-responsive" style="margin-bottom:20px;">
            <h2 style="color:dodgerblue">@Model.Article.Title</h2>
            <hr />
            <span class="fa fa-calendar"><small>@Model.Article.PublishTime.ToString("yyyy年MM月dd日 hh点mm分")</small></span>
            <span style="float:right">作者：<a href="/Article/Single?@Model.Article.Author.Id" target="_blank">@Model.Article.Author.Name</a></span>
            <div style="padding-top:20px">
                @Model.Article.Body
            </div>
            <div style="display:block;width:100%">
                <span><label><b>关键字：</b></label></span>
                @for (int i = 0; i < Model.Article.Keywords.Count; i++)
                {
                    <span class="badge badge-secondary">@Model.Article.Keywords[i].Name</span>
                }
            </div>
            <div style="float:right;border-bottom:10px">
                <span><a href="/Article/Single?@Model.Article.Comments.Id" class="fa fa-comments-o">@Model.Article.Comments.Name</a></span>
                <span class="fa fa-thumbs-o-up">@Model.Article.Appraise.AgreeAmount</span>
                <span class="fa fa-thumbs-o-down">@Model.Article.Appraise.DisagreeAmount</span>
            </div>
            <div style="clear:both; margin-bottom:20px; padding:10px 15px; border: 2px dashed #808080; border-radius:4px 5px;">
                <div>
                    <span class="fa fa-arrow-up"></span>
                    上一篇：
                    <a href="/Article/Single?844">学校不会教你的那些事</a>
                </div>
                <div style="margin-top:6px;">
                    <span class="fa fa-arrow-down"></span>
                    下一篇：
                    <a href="/Article//Single?846">快快乐乐的吹个水：梦想还是要有的</a>
                </div>
            </div>
        </div>
        <div class="col-4">
            <div class="container" style="border:0.1px dashed darkgray;padding-bottom:30px">
                <div style="margin-bottom:10px; padding-left: 40px;">
                    <vc:_series amount="7" skip="0"></vc:_series>
                </div>
                <a href="/Article" class="btn float-right"><span class="fa fa-hand-o-right"></span> 全部</a>
            </div>

            <div class="container" style="border:0.1px dashed darkgray;padding:20px">
                <div style="font-size:24px">
                    <span class="fa fa-tags">关键字</span>
                </div>
                <hr />
                <div>
                    <vc:_key-words></vc:_key-words>
                </div>
                <hr />
                <div class="row">
                    <div class="col-sm-7">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="直接输入关键字查找">
                            <span class="input-group-text"><span class="fa fa-search"></span></span>
                        </div>
                    </div>
                    <div class="col-sm-5">
                        <a href="" class="btn btn-secondary">
                            <span class="fa fa-random"></span>
                            <span style="margin-left:0px;">换一批</span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="container" style="border:0.1px solid darkgray;padding:20px">
                <ul class="nav nav-tabs">
                    <li class="nav-item">
                        <a class="nav-link active" href="#">
                            <span class="fa fa-eye">
                                每日督促
                            </span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">
                            <span class="fa fa-heart">
                                排行榜
                            </span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">
                            <span>
                                新注册
                            </span>
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <table>
                        <tbody>
                            <tr>
                                <td colspan="3" style="font-size:18px">
                                    <span class="fa fa-calendar-check-o">
                                        2022年03月13日
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td>共扫描目标：</td>
                                <td colspan="2">
                                    <span class="fa fa-flag-o">
                                        0个
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td>当天休息：</td>
                                <td>
                                    <span class="fa fa-ban ">
                                        0人
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td>已交作业：</td>
                                <td>
                                    <span class="fa fa-check ">
                                        0份
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td>请假：</td>
                                <td>
                                    <span class="fa fa-coffee">
                                        0人
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td>未交作业：</td>
                                <td>
                                    <span class="fa fa-remove">
                                        0人
                                    </span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
